$(function() {
    fixedRightBtn();
    $(".activity-btngroup a").click(function (e) { // 切换留言类型
        e.stopPropagation();
        $(this).siblings().removeClass("selected");
        $(this).addClass("selected");
        var type = $(this).attr('data-type');
        $('.activity-btngroup').attr('data-type', type);
        message.currType = type;
        message.getMessageList(type);
    });

    $("#right-bottom-content").on("click", ".replayliuyan", function(e){ // 点击回复
        e.stopPropagation();
        var rinput = $(this).parents(".table-item").nextAll(".replay-input")[0]; // 要回复的内容容器
        $(rinput).toggleClass("close-status");
        $(this).parents(".table-item").find(".liuyanManage-4 a").toggleClass("close-status");
        $(this).parent().find("a").toggleClass("close-status");
        $($(rinput).prev(".replay-msg")[0]).toggleClass("no-border");
        setW(); // 可能出现滚动条，重新计算样式
    });

    $("#right-bottom-content").on("click", ".submitreplay", function(e){ // 提交回复
        e.stopPropagation();
        var tarea = $(this).parents(".table-item").find("textarea"),
            value = $.trim(tarea.val());
        if(value == ''){
            layer.msg("请输入回复内容");
            return false;
        }            
        message.replyComment($(this).attr('data-id'), value);
        tarea.val("");
        var prev = $(this).parents(".table-item").prevAll(".user-msg")[0]; // 本次回复消息列表的第一条
        $(prev).find(".liuyanManage-4 a").toggleClass("close-status");
        $(prev).find(".liuyanManage-5 a").toggleClass("close-status");
        $($(this).parents(".table-item").prev(".replay-msg")[0]).toggleClass("no-border");
        $(this).parents(".table-item").toggleClass("close-status");
        setW(); // 可能出现滚动条，重新计算样式

    });
    $("#right-bottom-content").on("click", ".cancelreplay", function(e){ // 放弃回复
        e.stopPropagation();
        var tarea = $(this).parents(".table-item").find("textarea");
        tarea.val("");
        var prev = $(this).parents(".table-item").prevAll(".user-msg")[0]; // 本次回复消息列表的第一条
        $(prev).find(".liuyanManage-4 a").toggleClass("close-status");
        $(prev).find(".liuyanManage-5 a").toggleClass("close-status");
        $($(this).parents(".table-item").prev(".replay-msg")[0]).toggleClass("no-border");
        $(this).parents(".table-item").toggleClass("close-status");
        setW(); // 可能出现滚动条，重新计算样式
    });



    window.onload = function(){
        setW();
        setWindow();
    }
    window.onresize = function(){
        setW();
        setWindow();
    }

    function setWindow(){
        var height = document.documentElement.clientHeight;
        document.getElementById("right-bottom-content").style.height = height - 74 - 39 + "px";
        document.getElementById("activity-table").style.cssText = "height:"+(height-74-39-48-48-34-46-5)+"px;overflow-y:auto;margin-bottom:0;";
    }
});

function setW(){
    var pWidth = $(".sp-top-content").outerWidth(); // 活动概要，扫码左边的框宽度
    var liuyanW = $(".liuyanManage-1").outerWidth(); // 留言宽度
    $(".sp-top-left").css("width", (pWidth-250)+"px");
    $(".user-replay").css({"width":(liuyanW-50)+"px", "margin-left":"6px"});
}

var message = {
    currPage: 1,
    page: '',
    currType: 0,
    getMessageList: function (type, page) {
        var pageId = 1;
        if(page){
            pageId = page.getCurrent();
        }
        baseAjax('/message/myMessagesPage', {id: '', type: type, pageId: pageId},
            function(){
                var _result = this;
                var _el = $('#message_list');
                _el.html('');
                var data = _result.data;
                var list = data.rows;
                if (list != null && list.length > 0) {
                    for (var i = 0; i < list.length; i++) {
                        var message_item = template("message_item", list[i]);
                        _el.append(message_item);
                    }
                    setW();
                    if (page) {
                        page.setPageCount(_result.data.totalpages);
                        page.filling(_result.data.currpage);
                    } else {
                        message.page.setPageCount(_result.data.totalpages);
                        message.page.filling(_result.data.currpage);
                    }
                }else{
                    if(pageId == 1){
                        $('#message_list').append('<div class="no-data-box"><img class="no-data-img" src="/Public/image/www/no-data.png" alt="这是图片" /><p class="no-data-title">这里什么也没有</p></div>');
                    }
                }
            }, function(){
                var _result = this;
                layer.msg(_result.msg);
            }
        );
    },
    setMessageSelect: function (cid, aid, type) {
        MessageRequest.setMessageSelect(cid, aid, type, function (result) {
            var type = $('#message-type').attr('data-type');
            message.getMessageList(type, message.page);
            if (type == 1) {
                layer.msg('加入精选成功');
            } else if (type == 2) {
                layer.msg('移除精选成功');
            }
        });
    },
    deleteComment: function (cid, aid, type) {
        MessageRequest.deleteComment(cid, aid, type, function (result) {
            var type = $('#message-type').attr('data-type');
            message.getMessageList(type, message.page);
            layer.msg(result.msg);
        });
    },
    replyComment:function(id, content){
        MessageRequest.replyComment(id,content,function(result){
            var type = $('#message-type').attr('data-type');
            message.getMessageList(type, message.page);
            layer.msg(result.msg);
        });
    }
};